<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>my-baicaijia</title>
  <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/baicaijia.css">
  <script src="./lib/flexible/flexible.js"></script>
</head>

<body>

  <div class="m_container">
    <!-- 头部 -->
    <div class="m_header">
      <div class="header_top clearfix">
        <div class="back fl">
          <a href="javascript:history.go(-1)">
            <img src="./images/back_hot.png" alt="">
          </a>
        </div>
        <h2>白菜价 - 淘宝内部券</h2>
        <div class="header_app fr">
          <a href="#">
            <img src="./images/header_app.png" alt="">
          </a>
        </div>
      </div>

      <!-- 滚动导航 -->
      <div class="wrapper_box">
        <div id="wrapper">
          <ul class="scroll_nav clearfix">

          </ul>
        </div>
      </div>
    </div>

    <!-- 商品 -->
    <div class="baicaijia">

    </div>



    <div class="footer_box">
      <!-- 登录注册 -->
      <div class="login_register">
        <a href="#" class="login">登录</a>
        <a href="#" class="register">注册</a>
        <a href="javascript:;" class="to_top">
          <span></span>返回顶部</a>
      </div>
      <!-- 底部 -->
      <div class="m_footer">
        <p>
          <a href="#">手机APP下载</a>慢慢买手机版--
          <span>掌上比价平台</span>
        </p>
        <p>m.manmanbuy.com</p>
      </div>
    </div>
  </div>

  <!-- 导航模板 -->
  <script type="text/template" id="tmp">
    {{each result v i}}
    <li data-titleid = "{{v.titleId}}" class= {{v.titleId===0?"active":""}} ><a href="javascript:;" >{{v.title}}</a></li>
    {{/each}}
  </script>

  <!-- 商品模板 -->
  <script type="text/template" id="tmp1">
       {{each result v i}}
       <div class="items clearfix">
          <div class="pro_img fl">
          {{@v.productImg}}
          </div>
  
          <div class="pro_info clearfix">
            <!-- 包邮 -->
            <p class="baoyou">
              {{@v.productName}}
            </p>
            <!-- 券后 -->
            <p class="quanhou">
               {{@v.productPrice}} 
            </p>
            <!-- 进度条 -->
            <div class="progress">
                {{@v.productCouponRemain}} 
            </div>
            <!-- 点此领券 -->
            <div class="lingquan">
                {{@v.productCoupon}} 
            </div>
            <!-- 下单链接 -->
            <div class="link">
                {{@v.productHref}} 
            </div>
          </div>
        </div>
    {{/each}}
  </script>

  <script src="./lib/jquery/jquery.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./lib/IScroll/iscroll.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/baicaijia.js"></script>

</body>

</html>